<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box"  class="a">
			0000</div>
		<div class="a">2222</div>
		<h1  class="a">111</h1>
		
		<ol id="olbox">
			<li>1</li>
			<li id="two">2</li>
		</ol>
		
		<ul id="ulbox">
			<li>a</li>
			<li>b</li>
		</ul>
		<form>
			<input type="text" name="username">
			<input type="password" name="pwd">
		</form>
	
		<script>
			//1.获取元素（标签）
			//1.1 通过id获取元素，不可以写范围，必须是document
			// var box=document.getElementById("box");
			// console.log(box);
			
			//注意：id 可以直接获取（不建议）
			//console.log(box);
			
			//1.2 通过标签名，获取元素
			//集合 类数组（有下标，长度，不能用数组的方法）
			// var divs=document.getElementsByTagName("div");
			// console.log(divs);
			// //集合里面获取单个元素----》下标
			// console.log(divs[1]);
			
			//通过标签名，获取元素 可以写范围
			// var lis=olbox.getElementsByTagName("li");
			// console.log(lis);

           //1.3 通过 class 来获取元素，可以写范围
		   // var boxa=document.getElementsByClassName("a");//集合
		   // console.log(boxa);
		   
		   //1.4 通过name属性获取元素，name只有表单元素有，不可以写范围，必须是document
		   // var inpbox=document.getElementsByName("username");//集合
		   // console.log(inpbox);
		   
		   // //1.5 获取body
		   // console.log(document.body);
		   // //1.6 获取 head
		   // console.log(document.head);
		   // //1.7 获取 html
		   // console.log(document.documentElement);
		   
		   
		</script>
	</body>
</html>
